{extend name="layout" /}
{block name="content"}
<div class="row">
  <div class="col-xs-6">
    <form id="searchForm">
      <div class="input-group input-group-sm demoTable" style="width: 30%;">
        <input type="text" class="form-control input-sm" name="tagname" id="demoReload" autocomplete="off"
          placeholder="请输入标签名称">
        <span class="input-group-btn">
          <button type="button" class="btn btn-info btn-flat layui-btn" data-type="reload">搜 索</button>
        </span>
      </div>
    </form>
  </div>
  <div class="col-xs-6" style="text-align: right">
    <button type="button" class="btn btn-success btn-sm cocoModal" isForm url="{:url('add')}" title="添加标签" fixat="1"><i
        class="fa fa-plus"></i> 添加</button>
  </div>
</div>

<table class="layui-table"
  lay-data="{height: 'full-75', cellMinWidth: 80, page: true, limit:30, id:'lists', url:'{:url('data_show_where')}'}"
  lay-filter="lists">
  <thead>
    <tr class="layui-colla-content">
      <th lay-data="{type:'checkbox'}">ID</th>
      <th lay-data="{field:'id', sort: true}">ID</th>
      <th lay-data="{field:'tagname'}">标签名字</th>
      <th lay-data="{field:'dealername'}">所属经销商</th>
      <th lay-data="{field:'statusname'}">状态</th>
      <th lay-data="{fixed: 'right', width:260, align:'center', toolbar: '#barDemo'}">操作</th>
  </thead>
</table>
<script type="text/html" id="barDemo">
  <a class="layui-btn layui-btn-xs" lay-event="edit">编辑</a>
  <a class="layui-btn layui-btn-xs" lay-event="taguser">标签用户</a>
  <a class="layui-btn layui-btn-xs" lay-event="appendcoupons">补发优惠券</a>
  <a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="del">删除</a>
</script>
{/block}
{block name="script"}
<script type="text/javascript">
  function taguser(data) {
    console.dir(data);
    var layindex = layer.open({
      type: 2,
      area: ['800px', '600px'],
      fixed: false, //不固定
      maxmin: true,
      content: APP_URL + "/admin/tag/tag_user?tagid=" + data.id,
      title: '该标签下的用户',
      btn: ['确定'],
      shade: [0.8, '#000000'],
      yes: function (index, layero) {
        //parent.$('#parentIframe').text('我被改变了');
        layer.closeAll();
      }
    });
  }
</script>

<script>
  layui.use('table', function () {
    var table = layui.table;
    var $ = layui.$, active = {
      reload: function () {
        var demoReload = $('#demoReload');
        //执行重载
        table.reload('lists', {
          page: {
            curr: 1 //重新从第 1 页开始
          }
          , where: $('#searchForm').serializeObject()
        });
      }
    };
    $('.demoTable .layui-btn').on('click', function () {
      var type = $(this).data('type');
      active[type] ? active[type].call(this) : '';
    });
  });
</script>

<script type="text/javascript">
  function appendcoupons(data) {
    console.dir(data);
    var layindex = layer.open({
      type: 2,
      area: ['800px', '600px'],
      fixed: false, //不固定
      maxmin: true,
      content: APP_URL + "/admin/tag/append_coupons?tagid=" + data.id,
      title: '选择要补发的优惠券',
      btn: ['确定', '取消'],
      shade: [0.8, '#000000'],
      yes: function (index, layero) {
        //parent.$('#parentIframe').text('我被改变了');
        var iframeWin = window[layero.find('iframe')[0]['name']];
        formobj = iframeWin.$("form");
        ajaxUrl = formobj.attr("action");
        if (ajaxUrl == undefined || ajaxUrl == '') {
          ajaxUrl = defaultSaveUrl;
        }
        datajson = formobj.serialize();
        searchMap.postData = datajson;
        $.post(ajaxUrl, searchMap, function (datajson) {
          var serializeObj = {};
          if (datajson.status == 1) {
            $(formobj.serializeArray()).each(function () {
              serializeObj[this.name] = this.value;
            });
            layer.msg("操作成功", function () {
              layer.closeAll();
            });
            setTimeout(function () {
              location.reload();
            }, 300);
          }
          else {
            layer.msg(datajson.msg);
            return false;
          }
        }, 'json');
      }
    });
  }
</script>
{/block}